<div class="tabviewpanel">
    <tabs
        :value="activatedTabViewPanel"
        :animated="false"
        class="tabexppanel"
        name="maintabexpviewtabexppanel"
        @on-click="tabPanelClick($event)"
    >
        <tab-pane
            :index="0"
            name="tabviewpanel"
            tab="maintabexpviewtabexppanel"
            class=""
            v-if="authResourceObject['tabviewpanel'].visible"
            :label="(h) =>{
                return h('div', [
                    h('i',{
                        class:'fa fa-info-circle',
                        style:{
                            'margin-right' : '2px'
                        }
                    }),
                    h('span', $t('entities.project.maintabexpviewtabexppanel_tabexppanel.tabviewpanels.tabviewpanel.caption')),
                    h('Badge', {
                        props: {
                            count: undefined,
                            type: 'primary'
                        }
                    })
                ])
            }" >
            <view_tabviewpanel 
    :viewState="viewState"  
    :viewparams="JSON.parse(JSON.stringify(viewparams))" 
    :context="JSON.parse(JSON.stringify(context))" 
    v-if="isInit.tabviewpanel"
    name="tabviewpanel"  
    ref="tabviewpanel"
    :expActive="activatedTabViewPanel === 'tabviewpanel'"
    @viewpanelDatasChange = "tabViewPanelDatasChange"
    @closeview="closeView($event)">
</view_tabviewpanel>
        </tab-pane>
        <tab-pane
            :index="1"
            name="tabviewpanel2"
            tab="maintabexpviewtabexppanel"
            class=""
            v-if="authResourceObject['tabviewpanel2'].visible"
            :label="(h) =>{
                return h('div', [
                    h('i',{
                        class:'fa fa-tasks',
                        style:{
                            'margin-right' : '2px'
                        }
                    }),
                    h('span', $t('entities.project.maintabexpviewtabexppanel_tabexppanel.tabviewpanels.tabviewpanel2.caption')),
                    h('Badge', {
                        props: {
                            count: undefined,
                            type: 'primary'
                        }
                    })
                ])
            }" >
            <view_tabviewpanel2 
    :viewState="viewState"  
    :viewparams="JSON.parse(JSON.stringify(viewparams))" 
    :context="JSON.parse(JSON.stringify(context))" 
    v-if="isInit.tabviewpanel2"
    name="tabviewpanel2"  
    ref="tabviewpanel2"
    :expActive="activatedTabViewPanel === 'tabviewpanel2'"
    @viewpanelDatasChange = "tabViewPanelDatasChange"
    @closeview="closeView($event)">
</view_tabviewpanel2>
        </tab-pane>
        <tab-pane
            :index="2"
            name="tabviewpanel6"
            tab="maintabexpviewtabexppanel"
            class=""
            v-if="authResourceObject['tabviewpanel6'].visible"
            :label="(h) =>{
                return h('div', [
                    h('i',{
                        class:'fa fa-trello',
                        style:{
                            'margin-right' : '2px'
                        }
                    }),
                    h('span', $t('entities.project.maintabexpviewtabexppanel_tabexppanel.tabviewpanels.tabviewpanel6.caption')),
                    h('Badge', {
                        props: {
                            count: undefined,
                            type: 'primary'
                        }
                    })
                ])
            }" >
            <view_tabviewpanel6 
    :viewState="viewState"  
    :viewparams="JSON.parse(JSON.stringify(viewparams))" 
    :context="JSON.parse(JSON.stringify(context))" 
    v-if="isInit.tabviewpanel6"
    name="tabviewpanel6"  
    ref="tabviewpanel6"
    :expActive="activatedTabViewPanel === 'tabviewpanel6'"
    @viewpanelDatasChange = "tabViewPanelDatasChange"
    @closeview="closeView($event)">
</view_tabviewpanel6>
        </tab-pane>
        <tab-pane
            :index="3"
            name="tabviewpanel11"
            tab="maintabexpviewtabexppanel"
            class=""
            v-if="authResourceObject['tabviewpanel11'].visible"
            :label="(h) =>{
                return h('div', [
                    h('i',{
                        class:'fa fa-area-chart',
                        style:{
                            'margin-right' : '2px'
                        }
                    }),
                    h('span', $t('entities.project.maintabexpviewtabexppanel_tabexppanel.tabviewpanels.tabviewpanel11.caption')),
                    h('Badge', {
                        props: {
                            count: undefined,
                            type: 'primary'
                        }
                    })
                ])
            }" >
            <view_tabviewpanel11 
    :viewState="viewState"  
    :viewparams="JSON.parse(JSON.stringify(viewparams))" 
    :context="JSON.parse(JSON.stringify(context))" 
    v-if="isInit.tabviewpanel11"
    name="tabviewpanel11"  
    ref="tabviewpanel11"
    :expActive="activatedTabViewPanel === 'tabviewpanel11'"
    @viewpanelDatasChange = "tabViewPanelDatasChange"
    @closeview="closeView($event)">
</view_tabviewpanel11>
        </tab-pane>
        <tab-pane
            :index="4"
            name="tabviewpanel5"
            tab="maintabexpviewtabexppanel"
            class=""
            v-if="authResourceObject['tabviewpanel5'].visible"
            :label="(h) =>{
                return h('div', [
                    h('i',{
                        class:'fa fa-table',
                        style:{
                            'margin-right' : '2px'
                        }
                    }),
                    h('span', $t('entities.project.maintabexpviewtabexppanel_tabexppanel.tabviewpanels.tabviewpanel5.caption')),
                    h('Badge', {
                        props: {
                            count: undefined,
                            type: 'primary'
                        }
                    })
                ])
            }" >
            <view_tabviewpanel5 
    :viewState="viewState"  
    :viewparams="JSON.parse(JSON.stringify(viewparams))" 
    :context="JSON.parse(JSON.stringify(context))" 
    v-if="isInit.tabviewpanel5"
    name="tabviewpanel5"  
    ref="tabviewpanel5"
    :expActive="activatedTabViewPanel === 'tabviewpanel5'"
    @viewpanelDatasChange = "tabViewPanelDatasChange"
    @closeview="closeView($event)">
</view_tabviewpanel5>
        </tab-pane>
        <tab-pane
            :index="5"
            name="tabviewpanel4"
            tab="maintabexpviewtabexppanel"
            class=""
            v-if="authResourceObject['tabviewpanel4'].visible"
            :label="(h) =>{
                return h('div', [
                    h('i',{
                        class:'fa fa-dedent',
                        style:{
                            'margin-right' : '2px'
                        }
                    }),
                    h('span', $t('entities.project.maintabexpviewtabexppanel_tabexppanel.tabviewpanels.tabviewpanel4.caption')),
                    h('Badge', {
                        props: {
                            count: undefined,
                            type: 'primary'
                        }
                    })
                ])
            }" >
            <view_tabviewpanel4 
    :viewState="viewState"  
    :viewparams="JSON.parse(JSON.stringify(viewparams))" 
    :context="JSON.parse(JSON.stringify(context))" 
    v-if="isInit.tabviewpanel4"
    name="tabviewpanel4"  
    ref="tabviewpanel4"
    :expActive="activatedTabViewPanel === 'tabviewpanel4'"
    @viewpanelDatasChange = "tabViewPanelDatasChange"
    @closeview="closeView($event)">
</view_tabviewpanel4>
        </tab-pane>
        <tab-pane
            :index="6"
            name="tabviewpanel7"
            tab="maintabexpviewtabexppanel"
            class=""
            v-if="authResourceObject['tabviewpanel7'].visible"
            :label="(h) =>{
                return h('div', [
                    h('i',{
                        class:'fa fa-star-o',
                        style:{
                            'margin-right' : '2px'
                        }
                    }),
                    h('span', $t('entities.project.maintabexpviewtabexppanel_tabexppanel.tabviewpanels.tabviewpanel7.caption')),
                    h('Badge', {
                        props: {
                            count: undefined,
                            type: 'primary'
                        }
                    })
                ])
            }" >
            <view_tabviewpanel7 
    :viewState="viewState"  
    :viewparams="JSON.parse(JSON.stringify(viewparams))" 
    :context="JSON.parse(JSON.stringify(context))" 
    v-if="isInit.tabviewpanel7"
    name="tabviewpanel7"  
    ref="tabviewpanel7"
    :expActive="activatedTabViewPanel === 'tabviewpanel7'"
    @viewpanelDatasChange = "tabViewPanelDatasChange"
    @closeview="closeView($event)">
</view_tabviewpanel7>
        </tab-pane>
        <tab-pane
            :index="7"
            name="tabviewpanel8"
            tab="maintabexpviewtabexppanel"
            class=""
            v-if="authResourceObject['tabviewpanel8'].visible"
            :label="(h) =>{
                return h('div', [
                    h('i',{
                        class:'fa fa-line-chart',
                        style:{
                            'margin-right' : '2px'
                        }
                    }),
                    h('span', $t('entities.project.maintabexpviewtabexppanel_tabexppanel.tabviewpanels.tabviewpanel8.caption')),
                    h('Badge', {
                        props: {
                            count: undefined,
                            type: 'primary'
                        }
                    })
                ])
            }" >
            <view_tabviewpanel8 
    :viewState="viewState"  
    :viewparams="JSON.parse(JSON.stringify(viewparams))" 
    :context="JSON.parse(JSON.stringify(context))" 
    v-if="isInit.tabviewpanel8"
    name="tabviewpanel8"  
    ref="tabviewpanel8"
    :expActive="activatedTabViewPanel === 'tabviewpanel8'"
    @viewpanelDatasChange = "tabViewPanelDatasChange"
    @closeview="closeView($event)">
</view_tabviewpanel8>
        </tab-pane>
        <tab-pane
            :index="8"
            name="tabviewpanel9"
            tab="maintabexpviewtabexppanel"
            class=""
            v-if="authResourceObject['tabviewpanel9'].visible"
            :label="(h) =>{
                return h('div', [
                    h('i',{
                        class:'fa fa-code-fork',
                        style:{
                            'margin-right' : '2px'
                        }
                    }),
                    h('span', $t('entities.project.maintabexpviewtabexppanel_tabexppanel.tabviewpanels.tabviewpanel9.caption')),
                    h('Badge', {
                        props: {
                            count: undefined,
                            type: 'primary'
                        }
                    })
                ])
            }" >
            <view_tabviewpanel9 
    :viewState="viewState"  
    :viewparams="JSON.parse(JSON.stringify(viewparams))" 
    :context="JSON.parse(JSON.stringify(context))" 
    v-if="isInit.tabviewpanel9"
    name="tabviewpanel9"  
    ref="tabviewpanel9"
    :expActive="activatedTabViewPanel === 'tabviewpanel9'"
    @viewpanelDatasChange = "tabViewPanelDatasChange"
    @closeview="closeView($event)">
</view_tabviewpanel9>
        </tab-pane>
        <tab-pane
            :index="9"
            name="tabviewpanel3"
            tab="maintabexpviewtabexppanel"
            class=""
            v-if="authResourceObject['tabviewpanel3'].visible"
            :label="(h) =>{
                return h('div', [
                    h('i',{
                        class:'fa fa-sort-amount-desc',
                        style:{
                            'margin-right' : '2px'
                        }
                    }),
                    h('span', $t('entities.project.maintabexpviewtabexppanel_tabexppanel.tabviewpanels.tabviewpanel3.caption')),
                    h('Badge', {
                        props: {
                            count: undefined,
                            type: 'primary'
                        }
                    })
                ])
            }" >
            <view_tabviewpanel3 
    :viewState="viewState"  
    :viewparams="JSON.parse(JSON.stringify(viewparams))" 
    :context="JSON.parse(JSON.stringify(context))" 
    v-if="isInit.tabviewpanel3"
    name="tabviewpanel3"  
    ref="tabviewpanel3"
    :expActive="activatedTabViewPanel === 'tabviewpanel3'"
    @viewpanelDatasChange = "tabViewPanelDatasChange"
    @closeview="closeView($event)">
</view_tabviewpanel3>
        </tab-pane>
        <tab-pane
            :index="10"
            name="tabviewpanel10"
            tab="maintabexpviewtabexppanel"
            class=""
            v-if="authResourceObject['tabviewpanel10'].visible"
            :label="(h) =>{
                return h('div', [
                    h('span', $t('entities.project.maintabexpviewtabexppanel_tabexppanel.tabviewpanels.tabviewpanel10.caption')),
                    h('Badge', {
                        props: {
                            count: undefined,
                            type: 'primary'
                        }
                    })
                ])
            }" >
            <view_tabviewpanel10 
    :viewState="viewState"  
    :viewparams="JSON.parse(JSON.stringify(viewparams))" 
    :context="JSON.parse(JSON.stringify(context))" 
    v-if="isInit.tabviewpanel10"
    name="tabviewpanel10"  
    ref="tabviewpanel10"
    :expActive="activatedTabViewPanel === 'tabviewpanel10'"
    @viewpanelDatasChange = "tabViewPanelDatasChange"
    @closeview="closeView($event)">
</view_tabviewpanel10>
        </tab-pane>
        <tab-pane
            :index="11"
            name="tabviewpanel14"
            tab="maintabexpviewtabexppanel"
            class=""
            v-if="authResourceObject['tabviewpanel14'].visible"
            :label="(h) =>{
                return h('div', [
                    h('span', $t('entities.project.maintabexpviewtabexppanel_tabexppanel.tabviewpanels.tabviewpanel14.caption')),
                    h('Badge', {
                        props: {
                            count: undefined,
                            type: 'primary'
                        }
                    })
                ])
            }" >
            <view_tabviewpanel14 
    :viewState="viewState"  
    :viewparams="JSON.parse(JSON.stringify(viewparams))" 
    :context="JSON.parse(JSON.stringify(context))" 
    v-if="isInit.tabviewpanel14"
    name="tabviewpanel14"  
    ref="tabviewpanel14"
    :expActive="activatedTabViewPanel === 'tabviewpanel14'"
    @viewpanelDatasChange = "tabViewPanelDatasChange"
    @closeview="closeView($event)">
</view_tabviewpanel14>
        </tab-pane>
        <tab-pane
            :index="12"
            name="tabviewpanel12"
            tab="maintabexpviewtabexppanel"
            class=""
            v-if="authResourceObject['tabviewpanel12'].visible"
            :label="(h) =>{
                return h('div', [
                    h('i',{
                        class:'fa fa-users',
                        style:{
                            'margin-right' : '2px'
                        }
                    }),
                    h('span', $t('entities.project.maintabexpviewtabexppanel_tabexppanel.tabviewpanels.tabviewpanel12.caption')),
                    h('Badge', {
                        props: {
                            count: undefined,
                            type: 'primary'
                        }
                    })
                ])
            }" >
            <view_tabviewpanel12 
    :viewState="viewState"  
    :viewparams="JSON.parse(JSON.stringify(viewparams))" 
    :context="JSON.parse(JSON.stringify(context))" 
    v-if="isInit.tabviewpanel12"
    name="tabviewpanel12"  
    ref="tabviewpanel12"
    :expActive="activatedTabViewPanel === 'tabviewpanel12'"
    @viewpanelDatasChange = "tabViewPanelDatasChange"
    @closeview="closeView($event)">
</view_tabviewpanel12>
        </tab-pane>
    </tabs>
</div>